/* RESETS */
ul, li, td, tr, table, nav, header, div, h1, h2, h3 {
	padding: 0;
	margin: 0;
}

/* CELARFIX */

.clearfix {
    zoom:1;
    &:before, &:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden;
    }
    &:after {
        clear: both;
    }
}


/* MAIN STYLES */

#wrapper {
	width: 90%;
	margin: 0 auto;
}

#navigation {
    @extend .clearfix;
	ul {
		list-style-type: none;
		text-align: center;
		li {
			float: left;
			border: 1px solid #3E3E42;
			border-radius: 5px;
			margin: 2px;
			padding: 10px 30px;
			background-color: #282828;
			color: #FFF;
		}
	}
}

#cash {
	position: fixed;
	top: 20px;
	right: 20px;
	padding: 10px 20px;
	border-radius: 5px;
	background-color: #6699CC;
}


#site-main {
	padding: 10px;
	border: 2px solid black;
	margin: 0 auto;
}


table {
    width: 1000px;
    height: 100%;
    margin: 0 auto;

	tr:last-child td:last-child {
		border-bottom-right-radius: 5px;
	}

	tr th:first-child {
		border-top-left-radius: 5px;
	}

	tr th:last-child {
		border-top-right-radius: 5px;
	}

	#cat-wrapper tr:last-child td:first-child {
		border-bottom-left-radius: 5px;
	}

	tr td:hover {
		background-color: #cccccc;
	}

	td {
		vertical-align: middle;
		background-color: #6699cc;
		border: 1px solid #ffffff;
		border-width: 0px 1px 1px 0px;
		text-align: left;
		padding: 10px;
		font-size: 10px;
		font-family: Arial;
		font-weight: normal;
		color: #000000;
	}

	tr:last-child td {
    border-width: 0px 1px 0px 0px;
	}

	tr td:last-child {
		border-width: 0px 0px 1px 0px;
	}

	tr:last-child td:last-child {
		border-width: 0px 0px 0px 0px;
	}

	tr th {
		background: -o-linear-gradient(bottom, #003366 5%, #003f7f 100%);
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #003366), color-stop(1, #003f7f) );
		background: -moz-linear-gradient( center top, #003366 5%, #003f7f 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003366", endColorstr="#003f7f");
		background: -o-linear-gradient(top,#003366,003f7f);

		background-color: #003366;
		border: 0px solid #ffffff;
		text-align: center;
		border-width: 0px 0px 1px 1px;
		font-size: 14px;
		font-family: Arial;
		font-weight: bold;
		color: #ffffff;
	}

	tr:first-child td:first-child {
		border-width: 0px 0px 1px 0px;
	}

	tr:first-child td:last-child {
		border-width: 0px 0px 1px 1px;
	}
}
